import styled from 'styled-components'

export const Box = styled.div`
    margin: 10px;
    padding: 5px;
    display: flex;
    align-items: center;
    background: white;
    & .checkbox{
        margin: 10px;
    }
    & .info{
        flex: 1;
        & .discount{
            display: flex;
            font-size: 12px;
            padding: 5px 0;
            & .discountname{
                border: 1px solid #FDDD9B;
                color: #FDDD9B;
                border-radius: 3px;
                margin-right: 10px;
            }
        }
        & .container{
            display: flex;
            padding: 5px 10px 5px 0;
            & img{
                width: 80px;
                height: 80px;
                margin-right: 10px;
            }
            & .right{flex: 1;}
            & .norms{
                background: rgba(200,200,200,0.2);
                color: #777;
                font-size: 12px;
                width: fit-content;
                padding: 0 20px 0 5px;
                position: relative;
                ::after{
                    content: '';
                    position: absolute;
                    right: 3px;
                    top: 2px;
                    width: 7px;
                    height: 7px;
                    border-top: 1px solid #777;
                    border-right: 1px solid #777;
                    transform: rotate(135deg);
                }
            }
            & .parameter{
                display: flex;
                justify-content: space-between;
                & .price{
                    & del{
                        font-size: 12px;
                        color: #777;
                    }
                }
                & .goodscount{
                    & input{
                        width: 30px;
                        text-align: center;
                        height: 30px;
                        box-sizing: border-box;
                    }
                    & button{
                        width: 30px;
                        height: 30px;
                        background: white;
                        border-width: 1px;
                    }
                }
            }
        }
    }
`